$border-size: 0 0 1px 1.5px;

.data_project-marker {
  background-color: #91BD44;
}

.algorithm-marker {
  background-color: #E99444;
}

.operation-marker {
  background-color: #D2519D;
}

.visualization-marker {
  background-color: #735DA8;
}



.project-card {
  &-container {
    background-color: var(--white);
    width: 250px;

    .card-title {
      font-size: 1.2rem;
      margin: 0;
      padding: 0;
      margin-bottom: 1rem;
      overflow: hidden;
    }

    &-autor {
      align-items: center;
      p {
        margin: 0;
        color: var(--secondary);
      }
    }

    .card-content {
      margin-top: 0.8rem;

      &-description {
        color: var(--dark);
        margin-top: 1rem;
        margin-bottom: 2rem;
      }
    }

    span {
      font-size: 0.9rem;
      margin-right: 0.1rem;
    }
  }

  &-container.data_project {
    box-shadow: $border-size #91BD44 !important;
  }

  &-container.algorithm {
    box-shadow: $border-size #E99444 !important;
  }

  &-container.operation {
    box-shadow: $border-size #D2519D !important;
  }

  &-container.visualization {
    box-shadow: $border-size #735DA8 !important;
  }

  &-container:hover {
    box-shadow: $border-size var(--info) !important;
    cursor: pointer;
  }

  &-avatar {
    width: 30px;
    border-radius: 50%;
  }

  &-link:hover {
    text-decoration: none;
  }

  &-actions {
    min-height: 33px;
  }
}

.project-card-types {
  margin-bottom: 0.5rem;

  &-icon {
    margin-right: 0.5rem;
    color: var(--dark);
  }
}

.icon-visibility {
  font-size: 1.5rem;
  position: absolute;
  right: 2rem;
  top: 0;
}
